<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>分类</title>
    <link rel="stylesheet" href="../css/分类.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">

    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
</head>
<body>
    <div class="iot_title"><p>商品分类</p></div>
<!-- 搜索框部分开始 -->
    <div class="iot_search">
        <span class="iot fa fa-search"></span>
        <input type="search">
    </div>
<!-- 搜索框部分结束 --> 
 <main style="display: flex;">
        <!--侧边导航栏开始  -->
   <nav>
    <ul>
        
    </ul>
   </nav>
    <!--侧边导航栏结束  -->
    <aside>
       <!-- 轮播图部分开始 -->
        <div class="iot_img">
            <ul>
            
            </ul>
        </div>
        <!-- 轮播图部分结束 -->

        <!-- 商品部分开始 -->
        <div class="iot_goods">
        </div>
        <!-- 商品部分结束 -->
    </aside>
 </main>
<!-- 底部开始 -->
<footer>
    <div><a href="../html/首页.html"><img src="../images/shoplight.png" alt=""><span>首页</span></a></div>
    <div><a href="../html/分类.html"><img src="../images/cascades.png" alt=""><span>分类</span></a></div>
    <div><a href="../html/购物车.html"><img src="../images/cart.png" alt=""><span>购物车</span></a></div>
    <div><a href="../html/我的.html"><img src="../images/wang.png" alt=""><span>我的</span></a></div>
</footer>
<!-- 底部结束 -->
</body>
</html>
<script src="../js/分类.js"></script>